body {
	font: 12px Verdana;
}
body.blur{
	/*-webkit-filter: brightness(80%);*/
}
/*--------------------------------------*/

a, a:visited {	
	color: #21759B
}

.hidden, .h, [hidden] {
	/*若显式声明为hidden,则使用最高级别控制,避免被其它CSS代码覆盖.*/
	display: none!important;
}

video{
	background-color: #000;
	border-radius: 3px;
}

.left{
	float: left;
}
.right {
	float: right;
}

.textRight {
	text-align:right!important;
}

.inlineBlock {
	display: inline-block;
}

.unselectable{	
	-moz-user-select: none;
   	-webkit-user-select: none;
   	-ms-user-select: none;
   	-khtml-user-select: none;
   	user-select: none;
}

.readonly, .readonly:hover {
	background: #EEEEEE !important;
}

.disabled{
	color:#333333!important;
	opacity: 0.6;
}

.dropNotification{
	border: dashed 2px #E73030!important;
	border-radius: 5px!important;	
	background-color: #E2E2A5!important;
}

/**
 * 必要时，使长单词折行.
 */
.breakWord{
	word-break: break-all;
	word-wrap: break-word;
}

/**
 * 内容溢出显示省略号.
 */
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.verticalCenter{
	vertical-align: text-top;
}

/**
 * 容器元素以图片(16 × 16)开始.
 */
.imgPrefix {
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 2px center;
	background-color: transparent;
}

/*空白背景*/
.commonBg{
	background-image: url(../../images/common/no-img.png);
}

.clearFloat:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

/*------------------水平垂直居中,table实现--------------------*/

.valign-middle-wrapper{
	display:table;
	width:100%;
}
.valign-middle{	
	display: table-cell;
	vertical-align: middle;		
	text-align:center;
}
.valign-middle-content{	
	display:inline-block;	
	text-align:left;
}
.valign-middle-content{
	/*默认垂直居中的内容块宽度为500px*/
	width:500px;
}

/*------------------水平垂直居中,CSS3 Box实现--------------------*/

.hvBox{
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

/*搜索结果页或内容区域为空时，提示文本的样式*/
.emptyTip{
	letter-spacing: 1px;
	text-shadow: 1px 1px 2px #A7A3A3;
	-moz-text-shadow: 1px 1px 2px #A7A3A3;
	-webkit-text-shadow: 1px 1px 2px #A7A3A3;	
	color: #8F8C8C;
	display: -webkit-box!important;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	font-size: 1.5em;
}
.emptyTip.small{
	font-size:1em;
}
.emptyTip.large{
	font-size:2em;
}

/*-------------------------loading动画---------------------------*/

.loading{
	/*为任意元素添加loading背景，水平垂直居中*/
	background-image: url('../../images/common16/loading.gif')!important;
	background-position: center center;
	background-repeat: no-repeat;
}
button.loading{
	/*为button添加loading背景，居左，button文字右移*/
	padding-left:28px;
	background-position: 5px center;	
}

/*--------------------------------------*/

.icon16 {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.7;
	margin-left: 3px;
}
.icon32 {
	width: 32px;
	height: 32px;
	display: inline-block;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.7;
	margin-left: 3px;
}
.icon16:hover, .icon32:hover {
	opacity: 1;
}

/*--------------------------------------*/

/*普通 button*/
.button {
	min-height: 22px;
	border: solid 1px rgb(113, 140, 165);
	border-radius: 3px;	
	margin: 0px;
	background-color: #B9C6CF;
	letter-spacing: 1px;
	box-shadow: 2px 2px 4px rgb(173, 166, 166);
	padding: 3px 5px;
	cursor: default;
}
.button:not([disabled]):hover {
	background-color: #428BAC;
	cursor: pointer;
}

/*--------------------------------------*/

/*圆润 button*/
.elipseButton {
	text-decoration: none;
	color: #383232;
	background-color: #C3DAE6;
	line-height: 18px;
	border: solid 1px #DDD7D7;
	border-radius: 9px;
	padding: 1px 9px;	
}
.elipseButton:not([disabled]):hover {
	box-shadow: 1px 1px 10px #CCC;
	border-color: #9B9595;
	background-color: #758DDA;
	cursor: pointer;
}

/*较显眼的大 button*/
.imposingButton {
	background-color: #064D6B;
	border: none;
	cursor: pointer;
	padding: 5px 12px 8px 12px;
	box-shadow: 1px 1px 10px black;
	color: white;
	font-size: 14pt;
	border-radius: 3px;
}

/*----------------------------------------*/

.closeBtn {
	position: absolute;
	top: -6px;
	right: -6px;
	background: rgba(170, 170, 170, 0.5);
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	border-radius: 10px;	
	cursor: pointer;
	display:none;
	z-index: 1;
}

.closeBtn:after{
	content : '×'
}

*:hover > .closeBtn{
	display:inline;
}

/*----------------------------------------*/

.highlight {
	background: rgba(253, 81, 0, 0.3);
	display: inline-block;
}
*.highlight{
	color:inherit;
}
.highlight.current {
	border: dashed 1px #00f;	
}

#ui-datepicker-div{
	z-index: 10000000000!important;
}

/*----------------------------------------*/

.playBtn{
	background-image:url(../../images/common32/play.png);
	width:32px;
	height:32px;	
	top: calc(50% - 16px);
	left: calc(50% - 16px);
	display:inline-block;
	position: absolute;
	opacity:.5;
}

div:hover > .playBtn, section:hover > .playBtn{
	opacity: .8;
	cursor:pointer;
}

.playBtn.large{
	background:url(../../images/common128/play.png);
	width:128px;
	height:128px;
	left: calc(50% - 64px);
	top: calc(50% - 64px);	
}

.videoLoadErrorMsg {
	background: #FFF;
	top: 40%;
	left: 25%;
	color: #f00;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 8px 10px;
	border-radius: 5px;
	width: 50%;
	box-shadow: 1px 1px 2px #000;
	font-size: medium;
	text-align: center;
}

/*-----------------------------------------------------------*/

.responsive{
	-webkit-transition-duration: 0.3s;
}
.responsive:hover{
	-webkit-transform: scale(1.3);
}

/*-----------------------------------------------------------*/

/*使元素填充父窗口*/
.fill{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

/*------------------------------------------------------------*/

.floatCard{
	position: relative;
	background-color: #F38814;
}

.errorPanel{
	height: 25px;
	border-bottom: solid 1px #EEE;
	text-align: center;
	line-height: 25px;
	font-size: 20px;
	color: #706262;
	letter-spacing: 1px;
	font-style: italic;
}